<template>
  <div class='notice partBg txtcolor radius4 flex column'>
    <div class="toptitle ratop">
        <span>公告</span>
    </div>
    <div class="flex1 rabom noticecontent txtcolor ft12 scroll overauto">
        <ul class="">
            <li class="bdb clearfix pointer" v-for="(item,index) in noticeList">
               <p>{{item.title}}</p>  
               <span class="txtgray fr mt20">{{item.created_titme}}</span>
            </li>
        </ul>
    </div>
  </div>
</template>

<script>
export default {
  name:'notice',
  data () {
    return {
        noticeList:[
            {title:'关于火币全球站恢复NAS提币业务的公告',created_titme:'2018-12-18 16:50:53'},
            {title:'火币全球站将于12月18日18:00上线LINK/USDT交易',created_titme:'2018-12-18 11:55:01'},
            {title:'关于火币全球站恢复CMT/RBTC/SMT 充提币业务的公告',created_titme:' 2018-12-17 19:12:51'},
            {title:'关于火币全球站恢复NAS提币业务的公告',created_titme:'2018-12-18 16:50:53'},
            {title:'火币全球站将于12月18日18:00上线LINK/USDT交易',created_titme:'2018-12-18 11:55:01'},
            {title:'关于火币全球站恢复CMT/RBTC/SMT 充提币业务的公告',created_titme:' 2018-12-17 19:12:51'},
            {title:'火币全球站将于12月18日18:00上线LINK/USDT交易',created_titme:'2018-12-18 11:55:01'},
            {title:'关于火币全球站恢复CMT/RBTC/SMT 充提币业务的公告',created_titme:' 2018-12-17 19:12:51'},
            {title:'火币全球站将于12月18日18:00上线LINK/USDT交易',created_titme:'2018-12-18 11:55:01'},
            {title:'火币全球站将于12月18日18:00上线LINK/USDT交易',created_titme:'2018-12-18 11:55:01'},
            {title:'关于火币全球站恢复CMT/RBTC/SMT 充提币业务的公告',created_titme:' 2018-12-17 19:12:51'}
        ]
    };
  },

}

</script>
<style lang='scss' scoped>
.noticecontent{
    height: 960px;
    ul{
        padding: 0 20px;
        li{
            padding: 20px 0 5px 0px;
        }
        // li:last-child{
        //     border-bottom: none;
        // }
        li:hover p{
            color: #7a98f7
        }
    }

}
</style>